/* root font size : 100px ; pagesize : 950px */

@charset "utf-8";
@import "../../static/css/common.css";



body {
    font-size: 0.16rem;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
}

input::-ms-clear {
    display: none;
}

a,
a:hover,
a:visited,
a:link,
a:active {
    color: #fff;
    font-size: 0.2rem;
    text-decoration: none;
    outline: none;
}

::-webkit-scrollbar {
    width: 0px;
    background-color: #fff;
    display: none;
}


.layui-layer-btn .layui-layer-btn0 {
    font-size: 0.16rem;
    height: 0.26rem;
    line-height: 0.26rem;
}

.layui-layer-btn .layui-layer-btn1 {
    font-size: 0.16rem;
    height: 0.26rem;
    line-height: 0.26rem;
}

/* ***************************** 登录界面 ***************************** */

#page_login {
    /* display: none; */
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    background: url("../image/pc/login_bg.jpg") no-repeat center center/100% 100%
}

.w {
    width: 12rem;
    margin: 0 auto;
}

#page_login::-webkit-scrollbar {
    display: none;
}

.login_cont {
    width: 5rem;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    top: 0;
}

.login_top_logo {
    position: absolute;
    top: 0.7rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.login_top_logo .login_logo {
    width: 1.2rem;
    height: 1.6rem;
}

.login_top_logo .login_key1 {
    width: 100%;
    height: 0.3rem;
    margin-top: 0.1rem;
    line-height: 0.3rem;
    text-align: center;
    font-size: 0.16rem;
    color: #39abfb;
}

.login_top_logo .login_key2 {
    width: 100%;
    height: 0.2rem;
    line-height: 0.2rem;
    text-align: center;
    font-size: 0.14rem;
    color: #39abfb;
}

.login_cont .login_form {
    width: 100%;
    height: auto;
    background-color: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 5px;
    position: absolute;
    top: 2.5rem;
    overflow: hidden;
}

.login_cont .login_form .form_label {
    width: 3.85rem;
    height: 0.44rem;
    padding-top: 0.42rem;
    margin-left: 0.52rem;
    text-align: left;
    color: #39abfb;
    font-size: 0.26rem;
}

.login_cont .login_form .form_dec {
    width: 4.8rem;
    height: 0.78rem;
    margin-left: 0.52rem;
}

.login_cont .login_form .form_dec span {
    display: inline-block;
    width: 100%;
    height: 0.26rem;
    line-height: 0.26rem;
    text-align: left;
    color: #808080;
    font-size: 0.15rem;
    font-weight: 500;
}

.login_cont .form_input {
    width: 3.85rem;
    height: 0.48rem;
    margin-left: 0.52rem;
    margin-top: 0.25rem;
    box-sizing: border-box;
    border: 1px solid #D3D3D3;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    overflow: hidden;
}

.login_cont .form_input>label {
    margin-left: 0.2rem;
}

.login_cont .form_input.nickname {
    margin-top: 0.15rem;
}


.login_cont .login_form>.form_input input {
    display: inline-block;
    outline: none;
    border: none;
    width: 2rem;
    /* margin-left: 0.28rem; */
    height: 100%;
    text-align: left;
    font-size: 0.16rem;
    line-height: 0.48rem;
    color: #555;
}

.login_cont .login_form>.form_input input::-webkit-input-placeholder {
    color: #999;
    font-size: 0.16rem;
    line-height: 0.5rem;
}

.login_cont .login_form .enmeet_btn {
    width: 3.85rem;
    margin-left: 0.52rem;
    margin-top: 0.17rem;
    height: 0.5rem;
    background-color: #39abfb;
    color: #fff;
    text-align: center;
    font-size: 0.18rem;
    line-height: 0.48rem;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.login_cont .login_form .enmeet_btn:hover {
    background-color: #0575C5;
}

.login_cont .login_form .login_order {
    width: 3.53rem;
    height: 0.75rem;
    margin-left: 0.52rem;
    line-height: 0.74rem;
    text-align: center;
    padding: 0 0.16rem;
}

.login_cont .login_form .login_order .line {
    display: inline-block;
    width: 1.48rem;
    border-top: 1px solid #ccc;
}

.login_order .text {
    color: #999;
    vertical-align: -8%;
    font-size: 0.15rem;
}

.login_cont .login_form .crmeet_btn {
    width: 3.85rem;
    margin-left: 0.52rem;
    height: 0.48rem;
    color: #39abfb;
    text-align: center;
    font-size: 0.18rem;
    line-height: 0.48rem;
    border: 1px solid #39abfb;
    border-radius: 40px;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color .3s ease, color .3s ease;
}

.login_cont .login_form .crmeet_btn:hover {
    background-color: #39abfb;
    color: #fff;
}

.login_cont .login_form .loginSet {
    width: 100%;
    height: auto;
    background-color: #f6f6f6;
    margin-top: 0.28rem;
}

.login_cont .login_form .loginSet #login_sel {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    color: #333333;
    font-size: 0.18rem;
    background: url("../image/pc/login_arrows_down.png") no-repeat 3rem 0.15rem;
    cursor: pointer;
}

.login_cont .login_form .loginSet .logset_hide {
    position: relative;
    display: none;
    height: 3rem;
    width: 100%;
    /* margin-top: 0.13rem; */
}

.logset_hide input[type=radio] {
    cursor: pointer;
}

.logset_hide .token_radio {
    position: relative;
    height: 0.2rem;
    width: 100%;
    user-select: none;
}

.logset_hide .token_radio form {
    position: absolute;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 4rem;
    text-align: center;
}

.logset_hide .token_radio form #loginTokeRadio {
    margin-left: 0.1rem;
}

.logset_hide .login_set_mstype {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0.05rem;
    width: 4rem;
    text-align: center;
    user-select: none;
}

.logset_hide .input_box {
    margin-top: 0.35rem;
}

.logset_hide .form_input {
    height: 0.32rem;
    line-height: 0.32rem;
    padding-left: 0.3rem;
    margin-top: 0.04rem;
}

.logset_hide .form_input label {
    font-size: 0.16rem;
    color: #aeaeae;
}

.logset_hide .form_input input {
    display: inline-block;
    outline: none;
    border: none;
    width: 2rem;
    height: 100%;
    line-height: 100%;
    text-align: left;
    font-size: 0.14rem;
    background-color: #f6f6f6;
    color: #555;
}

.logset_hide .bottom-btn {
    position: absolute;
    padding: 0;
    border: none;
    height: 0.4rem;
    text-align: center;
    font-size: 0.18rem;
    line-height: 0.4rem;
    cursor: pointer;
}

.logset_hide .bottom-btn.confirmBtn {
    bottom: 0;
    border: none;
    background-color: #39abfb;
    color: #fff;
    transition: background-color .3s ease;
}

.logset_hide .bottom-btn.confirmBtn:hover {
    background-color: #0575c5;
}

.logset_hide .bottom-btn.resetBtn {
    border: 1px solid #39abfb;
    bottom: 0.44rem;
    color: #39abfb;
    transition: background-color .3s ease, color .3s ease;
}

.logset_hide .bottom-btn.resetBtn:hover {
    background-color: #39abfb;
    color: #fff;
}

.login_cont .login_form .form_sdkver {
    text-align: center;
    font-size: 0.16rem;
    height: 0.3rem;
    line-height: 0.3rem;
}

/* ***************************** 会议界面 ***************************** */

#page_meeting {
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #fff;
    overflow: auto;
    flex-direction: column;
}

.page_meet_head {
    width: 100%;
    height: 0.5rem;
    box-sizing: border-box;
    background-color: #1388d7;
}

.page_meet_logo {
    color: #fff;
    font-size: 0.18rem;
    line-height: 0.5rem;
    float: left;
}

.page_meet_logo img {
    width: 0.4rem;
    margin-right: 0.09rem;
}

.page_meet_id {
    color: #fff;
    font-size: 0.16rem;
    line-height: 0.5rem;
    float: right;
}

#liveStream {
    position: relative;
    float: right;
    height: 0.5rem;
    line-height: 0.5rem;
    margin-right: 0.2rem;
}

#liveStream label {
    color: #fff;
    cursor: pointer;
    user-select: none;
}

#liveStream #liveStreamBtn {
    margin-right: 0.04rem;
    cursor: pointer;
    vertical-align: -0.02rem;
}

#liveStream #liveStreamVal {
    margin-left: 0.1rem;
    padding-left: 0.05rem;
    width: 4rem;
    height: 0.2rem;
    border-radius: 0.04rem;
    border: none;
    display: none;
}

.page_meet_record {
    float: right;
    height: 0.5rem;
    position: relative;
    width: 0.91rem;
    margin-right: 0.2rem;
}


.page_meet_record button {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #555;
    border: 0 none;
    height: .3rem;
    color: #fff;
    border-radius: 5px;
    font-size: .15rem;
}

@keyframes flicker {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .5;
    }
}

.page_meet_record.icon button::before {
    content: '';
    float: left;
    width: 0.14rem;
    height: 0.14rem;
    margin: .08rem 0px 0px .1rem;
    background: #ff7978;
    border-radius: 50%;
}

.page_meet_record.icon.icon-recording button::before {
    background-color: #64d873;
    animation: flicker 3s linear infinite;
    box-shadow: 0 0 5px rgba(255, 255, 255, .4);
}

.page_meet_record.icon button span {
    float: left;
    width: 0.6rem;
    text-align: center;
    line-height: .3rem;
    font-size: .15rem;
}

.page_meet_cont {
    width: 100%;
    height: 100%;
    background: linear-gradient(#0D81CE 0%, #1388d7 100%);
}

#page_meeting .main {
    flex: 1;
}

.page_meet_view {
    width: 12rem;
    height: 8.8rem;
    background-color: #fff;
    z-index: 1;
    display: flex;
    flex-direction: column;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.page_meet_view .page_meet_video {
    background-color: #0070ba;
    width: 100%;
    flex: 1;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.page_meet_video .page_screen {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: #1d1e22;
    position: relative;
}

.page_meet_video .page_screen.screenTwo {
    height: 76%;
    margin-top: 7.8%;
}

.page_meet_video .page_screen>div {
    position: relative;
    text-align: center;
    color: #5a5a5a;
    float: left;
    background-color: #171717;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.18rem;
    display: none;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.page_meet_video .page_screen.screenOne,
.page_meet_video .page_screen.screenFour,
.page_meet_video .page_screen.screenNine {
    width: 8rem;
}

.page_meet_video .page_screen.screenOne>div {
    height: 100%;
    width: 100%;
    line-height: 7rem;
}

.page_meet_video .page_screen.screenTwo>div {
    box-sizing: border-box;
    width: 50%;
    height: 100%;
    line-height: 6rem;
}

.page_meet_video .page_screen.screenFour>div {
    box-sizing: border-box;
    width: 50%;
    height: 50%;
    line-height: 4rem;
    position: relative;
}

.page_meet_video .page_screen.screenNine>div {
    width: 33.33%;
    height: 33.33%;
    line-height: 2.6rem;
    position: relative;
}

.page_meet_video .page_chat_box {
    /* display: none; */
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 2.65rem;
    left: 0.1rem;
    bottom: 0;
    pointer-events: none;
}

.page_meet_video .page_chat_box>ul {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    pointer-events: none;
}

.page_meet_video .page_chat_box>ul li {
    display: inline-block;
    height: 0.2rem;
    width: auto;
    line-height: 0.2rem;
    color: #fff;
    font-size: 0.14rem;
    font-weight: bold;
    padding: 0.02rem 0.08rem;
    border-radius: 0.1rem;
    background-color: rgba(0, 0, 0, 0.6);
    margin-bottom: 0.05rem;
    pointer-events: none;
    opacity: 0.5;
}

.page_meet_video .page_chat_box>ul .chat_content {
    color: #fff;
    height: 0.2rem;
    line-height: 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 11.7rem;
    display: inline-block;
}

.page_meet_video .page_screen>div .deviceStatus {
    position: absolute;
    bottom: 0.1rem;
    right: 0.1rem;
    height: 0.3rem;
    background-color: rgba(100, 100, 100, .3);
    border-radius: 0.03rem;
}

.page_meet_video .page_screen>div .deviceStatus .deviceIcon {
    width: 0.16rem;
    height: 0.16rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    margin-left: 0.1rem;
    margin-top: 0.07rem;
    cursor: pointer;
}

.page_meet_video .page_screen>div .deviceStatus .deviceIcon.disabled {
    cursor: no-drop;
}

.page_meet_video .page_screen>div .deviceStatus .deviceIcon:last-child {
    margin-right: 0.1rem;
}

.page_meet_video .page_screen>div .deviceStatus .deviceIcon.deviceCam {
    background-image: url("../image/pc/meeting_video_icon_close.png");
}

.page_meet_video .page_screen>div .deviceStatus .deviceIcon.deviceMic {
    background-image: url("../image/pc/meeting_mic_icon_close.png");
}


.page_meet_video .page_screen>div .deviceStatus .deviceIcon.deviceCamActive {
    background-image: url("../image/pc/meeting_video_icon_open.png");
}

.page_meet_video .page_screen>div .deviceStatus .deviceIcon.deviceMicActive {
    background-image: url("../image/pc/meeting_mic_icon_open.png");
}

.page_meet_video .page_screen>div .deviceStatus .deviceIcon.deviceMicActive.deviceMicEnergy {
    background-image: url("../image/pc/meeting_mic_voice_energy.gif");
}


.page_meet_video .page_screen>div .deviceStatus .deviceIcon.devicePhoto {
    background-image: url("../image/pc/meeting_takephoto.png");
}

.page_meet_video .page_screen>div .deviceStatus .deviceIcon.devicePhoto:hover {
    background-image: url("../image/pc/meeting_takephoto_hover.png");
}








@media screen and (max-height: 8.3rem) {
    .login_top_logo {
        display: none;
    }

    .login_cont .login_form {
        top: 1.6rem;
    }
}

@media screen and (max-height: 7.3rem) {
    .login_cont .login_form {
        top: 0.8rem;
    }

}

/* @media screen and (max-height: 7.6rem) {
    .page_meet_cont {
        height: 6.1rem;
    }
}

@media screen and (max-height: 7.25rem) {
    .page_meet_head {
        height: 0.24rem;
    }

    .page_meet_logo {
        display: none;
    }

    #page_meet_id {
        top: 0;
    }
} */

/* ***************************** 设置界面 ***************************** */

.page_meet_view .page_open_set {
    display: none;
    position: absolute;
    width: 4.4rem;
    height: 3.4rem;
    left: 50%;
    top: 50%;
    margin-top: -2.2rem;
    margin-left: -2.2rem;
    background-color: #fff;
    border-radius: 8px;
    z-index: 12;
}

.page_open_set .page_set_title {
    width: 100%;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    color: #666;
    font-size: 0.14rem;
    position: relative;
    border-bottom: 1px solid #ccc;
    margin-top: 0.06rem;
}

.page_open_set .page_set_title img {
    display: inline-block;
    position: absolute;
    top: 0.06rem;
    right: 0.14rem;
    width: 0.14rem;
    height: 0.14rem;
    cursor: pointer;
}

.page_open_set .page_set_form {
    width: 100%;
    height: 0.4rem;
    margin-top: 0.1rem;
}

.page_open_set .page_set_form label {
    display: inline-block;
    margin-left: 0.42rem;
    height: 0.4rem;
    line-height: 0.4rem;
    width: 0.8rem;
}

.page_open_set .page_set_form select {
    display: inline-block;
    height: 0.38rem;
    line-height: 0.38rem;
    border: 1px solid #ccc;
    width: 2.7rem;
}

.page_open_set .page_set_confirm {
    width: 100%;
    height: 0.4rem;
    margin-top: 0.1rem;
}

.page_open_set .page_set_confirm span {
    display: inline-block;
    width: 0.7rem;
    height: 0.3rem;
    margin-top: 0.05rem;
    margin-left: 3.5rem;
    background-color: #2fabff;
    line-height: 0.3rem;
    text-align: center;
    color: #fff;
    font-size: 0.14rem;
    border-radius: 5px;
    cursor: pointer;
}

.page_open_set .page_set_checkbox {
    padding-top: 0.15rem;
    padding-left: 0.40rem;
}

.page_meet_view .page_share_box {
    display: none;
    width: 100%;
    flex: 1;
    overflow: hidden;
    position: relative;
    background-color: #0070ba;
}

.page_meet_view .page_meet_chat {
    /* display: none; */
    height: 0.43rem;
    border: 1px solid #ccc;
    width: 100%;
}

.page_meet_view .page_meet_chat input {
    margin-left: 0.1rem;
    width: 10.9rem;
    height: 0.32rem;
    margin-top: 0.04rem;
    text-align: left;
    line-height: 0.32rem;
    border: none;
    outline: none;
}

.page_meet_view .page_meet_chat span {
    display: inline-block;
    margin-left: 0.1rem;
    width: 0.7rem;
    height: 0.32rem;
    margin-top: 0.05rem;
    text-align: center;
    line-height: 0.32rem;
    background-color: #2fabff;
    color: #fff;
    font-size: 0.14rem;
    border-radius: 4px;
    cursor: pointer;
}

.page_meet_view .page_meet_tools {
    width: 100%;
    height: 0.94rem;
}

.page_meet_tools .page_meet_tool {
    height: 0.68rem;
    position: absolute;
    left: 18.5%;
    top: 50%;
    transform:  translateY(-50%); 
}

.page_meet_tools .page_meet_tool>li {
    float: left;
    list-style-type: none;
    width: 0.68rem;
    height: 0.68rem;
    margin-right: 0.3rem;
    cursor: pointer;
    position: relative;
    background-size: 0.68rem 0.68rem;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
}

.page_meet_tools .page_meet_tool>li:last-of-type {
    margin-right: 0;
}

li#openChatBtn {
    background-image: url('../image/pc/meeting_meeting_chat.png');
    
}

li#openChatBtn:hover {
    background-image: url('../image/pc/meeting_meeting_chat_hover.png');
}

li#openMicBtn.mic_close {
    background-image: url('../image/pc/meeting_mic_close.png');
}

li#openMicBtn.mic_close:hover {
    background-image: url('../image/pc/meeting_mic_close_hover.png');
}

li#openMicBtn.mic_open {
    background-image: url('../image/pc/meeting_mic_open.png');
}

li#openMicBtn.mic_open:hover {
    background-image: url('../image/pc/meeting_mic_open_hover.png');
}

li#openSpeakerBtn.speaker_close {
    background-image: url('../image/pc/meeting_speaker_close.png');
}

li#openSpeakerBtn.speaker_close:hover {
    background-image: url('../image/pc/meeting_speaker_close_hover.png');
}

li#openSpeakerBtn.speaker_open {
    background-image: url('../image/pc/meeting_speaker_open.png');
}

li#openSpeakerBtn.speaker_open:hover {
    background-image: url('../image/pc/meeting_speaker_open_hover.png');
}

li#openCamBtn.cam_close {
    background-image: url('../image/pc/meeting_video_close.png');
}

li#openCamBtn.cam_close:hover {
    background-image: url('../image/pc/meeting_video_close_hover.png');
}

li#openCamBtn.cam_open {
    background-image: url('../image/pc/meeting_video_open.png');
}

li#openCamBtn.cam_open:hover {
    background-image: url('../image/pc/meeting_video_open_hover.png');
}

li#openMediaBtn {
    background-image: url('../image/pc/meeting_mediashare.png');
}

li#openMediaBtn:hover {
    background-image: url('../image/pc/meeting_mediashare_hover.png');
}

li#openScreenBtn {
    background-image: url('../image/pc/meeting_screenshare.png');
}

li#openScreenBtn:hover {
    background-image: url('../image/pc/meeting_screenshare_hover.png');
}

li#openInviteBtn {
    background-image: url('../image/pc/meeting_invite.png');
}

li#openInviteBtn:hover {
    background-image: url('../image/pc/meeting_invite_hover.png');
}

li#openSetBtn {
    background-image: url('../image/pc/meeting_setting.png');
}

li#openSetBtn:hover {
    background-image: url('../image/pc/meeting_setting_hover.png');
}


.page_meet_tools .page_meet_tool>li span {
    display: none;
    position: absolute;
    width: 0.7rem;
    text-align: center;
    height: 0.16rem;
    line-height: 0.16rem;
    /* border: 1px solid #ccc; */
    padding: 0.02rem;
    color: #555;
    top: 0.6rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.12rem;
    border-radius: 3px;
    background-color: #F1F3F4;
    z-index: 10;
}

#openScreenBtn.sharing:hover .screenControl {
    display: block;
}

#openMediaBtn.playing:hover .mediaControl {
    display: block;
}

#mediaFileInput {
    display: none;
}


.page_meet_tools .page_meet_tool .btnlist {
    display: none;
    position: absolute;
    padding: 0.02rem 0.02rem 0.2rem 0.02rem;
    left: 50%;
    bottom: 0.68rem;
    transform: translateX(-50%);
    text-align: center;
    overflow: hidden;
}


.page_meet_tools .page_meet_tool .btnlist li {
    padding: .1rem;
    width: 1rem;
    height: 0.3rem;
    line-height: 0.3rem;
    border-radius: 5px;
    /* border: 1px solid #ccc; */
    background-color: #a8c7fc;
}

.page_meet_tools .page_meet_tool .btnlist li:hover {
    background-color: #3981FC;
    color: #fff;
    transition: all 0.3s ease;
}

.page_meet_tools .page_meet_close {
    float: right;
    width: 0.7rem;
    height: 100%;
    margin-right: 0.15rem;
    cursor: pointer;
    background: url("../image/pc/meeting_meet_close.png") no-repeat center/0.7rem 0.7rem;
}

/****************************** 浏览器提示 ***************************/
/* 让加载层居中 */
.layui-layer-loading .layui-layer-content {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* 修改tiplayer提示层最小宽度 */
.layui-layer-dialog {
    min-width: 150px !important;
}

/* 修改tiplayer提示层文字水平居中 */
.layui-layer-dialog .layui-layer-content {
    text-align: center !important;
}

.mask {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.4);
}

.alert-wrapper,
.mask {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

.alert-wrapper {
    z-index: 9999;
    position: absolute;
}

.alert-wrapper .alert-box {
    position: absolute;
    width: 3.8rem;
    height: 2.2rem;
    /* left: 50%;
    top: 50%;
    transform: translateX(-51%,-60%);
    -webkit-transform: translateX(-51%,-60%);
    -moz-transform: translateX(-51%,-60%);
    -ms-transform: translateX(-51%,-60%);
    -o-transform: translateX(-51%,-60%); */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #eee;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0.06rem 0.15rem 0 rgba(0, 0, 0, .15);
    box-shadow: 0px 0.06rem 0.15rem 0px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.alert-wrapper .alert-box.alert-box-1 {
    width: 5.6rem;
}

.alert-wrapper .alert-header {
    position: relative;
    height: 0.24rem;
}

.alert-wrapper .alert-body {
    padding-bottom: 0.42rem;
}

.alert-wrapper .alert-footer {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0 0.16rem 0.16rem;
    height: 0.26rem;
    text-align: right;
}

.alert-wrapper .alert-footer .btn {
    font-size: 0.16rem;
    width: 1rem;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    background-color: #29ab91;
    color: #fff;
    border: none;
    box-shadow: 0px 0.08rem 0.15rem -0.08rem rgba(7, 107, 242, 0.6);
    letter-spacing: 0.0084rem;
    border-radius: 0.15rem;
    -webkit-border-radius: 0.15rem;
    -moz-border-radius: 0.15rem;
    -ms-border-radius: 0.15rem;
    -o-border-radius: 0.15rem;
}

.alert-wrapper .alert-footer .btn.btn-cancle {
    background-color: #e3e6ec;
    color: #313c4c;
}

.f-mgr-10 {
    margin-right: 0.1rem;
}

.check-compatibility {
    padding: 0.45rem 0.16rem 0.42rem;
    font-family: Microsoft yahei;
    font-size: 0.18rem;
    color: #313c4c;
    line-height: 0.2rem;
}

.icon-tip {
    position: relative;
    top: 0.05rem;
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    margin-right: 0.08rem;
    background: url("../image/pc/wrapper_tip.png") 50% no-repeat;
    background-size: 0.22rem 0.22rem;
}

.check-compatibility .tip-content {
    display: inline-block;
    width: 4.8rem;
    vertical-align: top;
}

.check-compatibility .c1,
.check-compatibility .c2,
.check-compatibility .c3 {
    margin-bottom: 0.1rem;
    display: block;
}

.alert-wrapper .alert-header .title {
    margin-left: 0.16rem;
    margin-top: 0.1rem;
    font-family: Microsoft yahei;
    font-size: 0.18rem;
    color: #29ab91;
    line-height: 0.14rem;
}

.alert-wrapper .alert-header .close {
    position: absolute;
    right: 0.11rem;
    top: 0px;
    width: 0.14rem;
    height: 0.14rem;
    cursor: pointer;
    background: url("../image/pc/meeting_close_setting.png") no-repeat;
    background-size: 0.14rem 0.14rem;
}